Learning Topic: Visual Literacy and Data-visualization Background/Rationale The ability to both create and interpret meaning from images is referred to as visual literacy. Think about today's visual world. Being visual literate is an important piece of what it means to be literate in the 21st century. Our students get the majority of their information from screens. When given the preference, most will choose consumption of an image rich video, website or game over a text only media. Learning to teach with quality supportive visual elements as well as enabling students both to create and interpret what they see is a critical skill set. To understand how images can be manipulated to convey bias is important in our visually saturated world. Understanding images and how they can be altered can help students understand advertising and other persuasive messages. Some images are decorative and enhance feeling or emotion but do not convey information. Current trends have moved away from cute clip art towards more information rich photo images, charts and graphs that can convey representation, organization and information that when combined with text increases comprehension. Sharing images is more commonplace than in previous times with the Internet tools. It is important to teach students to “tag” images with keywords that make image retrieval easier. Image sharing is a good area to present the concept of Creative Commons licensing, presented in EDTC 603, Website Development for Educational Use Students can learn to set permissions on images they created and define uses allowed by others. Creating images for communication is visual encoding, understanding the meaning of images is visual decoding. Our students need visual literacy skills that include and critical thinking - visual literacy skills to enable them to communicate well in their world. Visual communication also alters thought progression from a linear (text based) format to a multi-directional and nodal format that better reflects our own thought patterns. Motivation is higher in lessons with image creation and manipulation included. Historically writing tried to create images in our imagination from word usage. Today images support content of text for better understanding. New text books are using more images to enhance learning in a variety of topics. Data-visualization is communicating information or data in a visual format to enhance understanding. Taking a spreadsheet and creating a chart is data-visualization in its basic form. Today's computer programming offers more complex and beautiful ways to convey meaning from data. Importance or relevance can be portrayed visually and interpreted quickly by the viewer when data-visualization tools are used. Today we find data sets on twitter trends, movies and music we explore, websites visited, sports scores, sales numbers, real estate and stock trends, school assessment numbers... data is everywhere. Data that is presented in a visual way aids our speed of understanding and allows the focus to be on what these numbers mean and what we will do with this meaning. Data-visualization supports thinking as the human brain can process an image much faster than text.
Learner Outcomes At the end of this Learning Topic, you will be able to: 1. Explore visual literacy readings to identify gain understanding of visual literacy concepts. (evaluation - Activity 1 Create lesson plan to help produce deeper understanding of the curricular topic) 2. Identify visual editing tools, image resources and lesson ideas and evaluate them with classmates to find best fits for curricular uses. (evaluation - Activity 2 tool and resource identification) 3. Compare data sets of SAT scores and child to teacher ratio with visual representations of this data. Create your own data-visualization of a data set from your class or school. (evaluation - Activity 3 Compare data visual representations and Create lesson plan ) 4. Explore various data-visualization websites and tools. Reflect on best uses of these tools in your and classmates classrooms. (evaluation - Activity 4 share best tools and reflect on peer presented tools)
Activity 4: Discussion - Data Visualization—IN CLASS- 2 pts Step 1: Choose one of the data visualization resources posted in the resource section or research one of your own and share the essential learning you gained from exploring the site. Step 2: Reflect on how this information and/or tool can be used to increase comprehension of information or data in your curricular area. Explain how you would use this resource to display information for ease of comprehension.
Assignment Three: Due DATE 2/9/11 Presentation to class of activity 1-3 Activity 1 Project:Teaching Visual Literacy Teaching visual literacy is an important 21st century skill that should be adopted by students. They need the skills to critically evaluate the multitude of images available to them. In this activity you will create a lesson plan incorporating visual literacy skills. Step 1: After exploring the reading about visual literacy, create a lesson "idea" for your preferred age group of students that includes teaching visual literacy skills through examination of several photos related to a curricular topic - to help them to better understand the topic. The idea should include the process narrative, objectives and a sample of what a student work sample might look like. Step 2: Make sure to introduce image vocabulary and concepts. (If elementary school, choose a higher grade as K-3 will not be mature enough to understand all of these concepts.) Step 3: Include as many of the following questions as possible in your instruction, not all may be relevant in every assignment. Content -What students observe? -What images mean? -What was the purpose? -How do images relate to what is known or read? -What is the context of the image? -Who is the intended audience?
Purpose -Can you tell who commissioned the work? -Do you see any evidence of bias? -What mood or emotion the images provoke? How is this done? -Any symbolism or metaphor used in the image? -What does the photo tell you about history or society? -What values are conveyed? -Cultural or social meaning? -Evaluate for intended or unintentional bias?
Aesthetics -Do you see evidence of purposeful composition or camera angle? -What style and technique is used? -How is color or filtering used? -Any manipulation from original image?
Activity 2 Share Image Resources Step 1: Share image resources and digital editing tools that you use to support your curriculum. Step 2: Share lesson ideas that you use in your class that incorporate images or teach visual literacy ideas or require students to create their own images to represent ideas. Step 3: Create a class list of quality resources, tools and curricular image use ideas. Step 4: Reflect on how these tools or ideas can be applied to different levels and curriculum areas. Step 5: Share any area of difficulty in personal or student learning and methods used to alleviate these issues with peers.
Activity 3 Project: Data-visualization Developing a visual representation of a data-set creates meaning of the information. Learning how to creating this visual representation so the meaning is appropriately conveyed can be challenging. In this activity you will experiment with different programs used to create visual representation with a couple of data-sets. Examples: Here is a set of data on SAT test scores http://nces.ed.gov/programs/digest/d08/tables/dt08_144.asp#content And class size http://nces.ed.gov/programs/digest/d08/tables/dt08_066.asp The relationship using raw data in two data sets is hard to grasp. Here are the same data sets combined and displayed in two different charts http://flowingdata.com/2009/11/10/do-we-need-more-teachers/sat-scores/ and http://thomaslotze.com/projects/class_sizes/index.php These visual representations make it easier to understand the correlation between small class size and achievement score. The visualization also identifies that there are outliers that do agree with the overall trend. Step 1: Using Microsoft Excel, Open Office spreadsheet, Google Docs spreadsheet or other spreadsheet/charting software, chart a set of data from your school or classroom. Experiment with several charts and graphs until you create a visual representation that portrays information from the data in an easily usable form. Experiment with colors, background images or textures, fills and other visual elements to enhance the communication you are trying to display. Step 2: Save your chart Present it with an explanation of your process, what information trends you discovered and how well you feel you did conveying this information on your chart or graph. Discuss areas of challenge and how you worked through them. Step 3: Respond to your peers data representation. Ask questions on the process and outcome. Share what you are learning about data visualization
Visual Literacy and Data-visualization
See List
Resources Provided weekly
Due 2/9/11 Activity 1 Visual Literacy Lesson Idea (3 Pts) - Activity 2 Visual Literacy Tool Presentation (2 Pts) - Activity 3 Data visualization Charts Of School Information- Presentation (3 Pts) -Activity 4 - Data-Visualization Analogies Presentation(2 Pts)done in class One presentation to cover 1, 2,3
*modified course outline is available on the Home page
Week 4
**http://sirkenrobinson.com/skr/rsa-animate-changing-education-paradigms**
Education paradigms
http://www.voki.com/Voki_for_education.php
http://eros.usgs.gov/imagegallery/
earth as art
http://earth.350.org/
Big Pictures
http://roachmap.com/
Roach map
http://www.nsf.gov/news/special_reports/nsf-net/
National Science Foundation
http://www.primaryaccess.org/
movie maker
http://greetingsfromtheworld.wikispaces.com/
Wiki award
Learning Topic: Visual Literacy and Data-visualization
Background/Rationale
The ability to both create and interpret meaning from images is referred to as visual literacy. Think about today's visual world. Being visual literate is an important piece of what it means to be literate in the 21st century. Our students get the majority of their information from screens.
When given the preference, most will choose consumption of an image rich video, website or game over a text only media. Learning to teach with quality supportive visual elements as well as enabling students both to create and interpret what they see is a critical skill set. To understand how images can be manipulated to convey bias is important in our visually saturated world. Understanding images and how they can be altered can help students understand advertising and other persuasive messages.
Some images are decorative and enhance feeling or emotion but do not convey information. Current trends have moved away from cute clip art towards more information rich photo images, charts and graphs that can convey representation, organization and information that when combined with text increases comprehension.
Sharing images is more commonplace than in previous times with the Internet tools.
It is important to teach students to “tag” images with keywords that make image retrieval easier. Image sharing is a good area to present the concept of Creative Commons licensing, presented in EDTC 603, Website Development for Educational Use Students can learn to set permissions on images they created and define uses allowed by others.
Creating images for communication is visual encoding, understanding the meaning of images is visual decoding. Our students need visual literacy skills that include and critical thinking - visual literacy skills to enable them to communicate well in their world.
Visual communication also alters thought progression from a linear (text based) format to a multi-directional and nodal format that better reflects our own thought patterns. Motivation is higher in lessons with image creation and manipulation included.
Historically writing tried to create images in our imagination from word usage. Today images support content of text for better understanding. New text books are using more images to enhance learning in a variety of topics.
Data-visualization is communicating information or data in a visual format to enhance understanding. Taking a spreadsheet and creating a chart is data-visualization in its basic form.
Today's computer programming offers more complex and beautiful ways to convey meaning from data.
Importance or relevance can be portrayed visually and interpreted quickly by the viewer when data-visualization tools are used.
Today we find data sets on twitter trends, movies and music we explore, websites visited, sports scores, sales numbers, real estate and stock trends, school assessment numbers... data is everywhere.
Data that is presented in a visual way aids our speed of understanding and allows the focus to be on what these numbers mean and what we will do with this meaning.
Data-visualization supports thinking as the human brain can process an image much faster than text.
Learner Outcomes
At the end of this Learning Topic, you will be able to:
1. Explore visual literacy readings to identify gain understanding of visual literacy concepts. (evaluation - Activity 1 Create lesson plan to help produce deeper understanding of the curricular topic)
2. Identify visual editing tools, image resources and lesson ideas and evaluate them with classmates to find best fits for curricular uses. (evaluation - Activity 2 tool and resource identification)
3. Compare data sets of SAT scores and child to teacher ratio with visual representations of this data.
Create your own data-visualization of a data set from your class or school. (evaluation - Activity 3 Compare data visual representations and Create lesson plan )
4. Explore various data-visualization websites and tools. Reflect on best uses of these tools in your and classmates classrooms. (evaluation - Activity 4 share best tools and reflect on peer presented tools)
Readings and Research:
Visual literacy
• Adobe Visual Literacy Paper. (n.d.). Adobe.com. Retrieved March 1, 2010, from www.adobe.co.uk/education/pdf/adobe_visual_literacy_paper.pdf
• Agar, M. (n.d.). iGraphics explained. iGraphics explained. Retrieved February 28, 2010, from http://igraphicsexplained.blogspot.com/
• Ballett, A. (n.d.). YouTube - Visual Literacy Across the Curriculum . YouTube- Broadcast Yourself. . Retrieved February 28, 2010, from http://www.youtube.com/watch?v=XQNbAtK3c3g
• Cruickshank, D. (n.d.). Martin Scorsese: Teaching Visual Literacy | Edutopia. Improving Public Schools & Public Education | Edutopia. Retrieved February 28, 2010, from http://www.edutopia.org/martin-scorsese-teaching-visual-literacy
http://www.edutopia.org/martin-scorsese-teaching-visual-literacy
• Lamb, A. (n.d.). Digital Glyphs: Imaging Ideas in a Visual World. eduScapes: A Site for Life-long Learners. Retrieved February 28, 2010, from http://eduscapes.com/sessions/digital/digital1.htm
Data-visualization
• Blue, E. (n.d.). Eric Blue’s Blog » Blog Archive » Dataesthetics: The Power and Beauty of Data Visualization. Eric Blue’s Blog . Retrieved February 28, 2010, http://eric-blue.com/2006/10/04/dataesthetics-the-power-and-beauty-of-data-visualization/
http://eric-blue.com/2006/10/04/dataesthetics-the-power-and-beauty-of-data-visualization/
Breathing earth-History of the world-Shape of song-Liveplasma-Name voyager
• FlowingData | Data Visualization and Statistics. (n.d.). FlowingData | Data Visualization and Statistics. Retrieved February 28, 2010, from
http://flowingdata.com/
Picturing the social -starbucks
• Friedman, V. (n.d.). Data Visualization: Modern Approaches - Smashing Magazine. Smashing Magazine. Retrieved February 28, 2010, from http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
• Krum, R. (n.d.). Cool Infographics - Cool Infographics. Cool Infographics - Cool Infographics. Retrieved February 28, 2010, from http://www.coolinfographics.com/
Batcar
• Rosling, H. (n.d.). Ted Talks Hans Rosling shows the best stats you've ever seen. Ted.com. Retrieved March 1, 2010, from http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
Tools for visual literacy activities and image collections- Primary sources info
http://www.visual-literacy.org/periodic_table/periodic_table.html
http://www.loc.gov/index.html
http://www.unco.edu/primarysources/MainWebsite/IntheClassroom/Analysistools.html
sample templates
https://psi21.pbworks.com/w/page/12031894/TopTechTools
list of 100
presentations- spy map
http://museumca.org/picturethis/caption.html
http://www.ala.org/ala/mgrps/divs/aasl/aaslpubsandjournals/knowledgequest/kqwebarchives/v36/363/363schwarz.cfm
graphic novels
http://boowakwala.uptoten.com/kids/boowakwala-world-dance-face.html
Make a face
http://www.archives.gov/exhibits/powers_of_persuasion/powers_of_persuasion_home.html
posters
http://www.archives.gov/exhibits/index.html
on line exhibits
http://www.archives.gov/exhibits/picturing_the_century/galleries/galleries.html
picturing the century
http://www.time.com/time/photoessays/
time
www.noodletools.com/debbie/literacies/visual/diglitnews.pdf
Data visualization Tools
http://amaztype.tha.jp/
http://www.woophy.com
http://www.gapminder.org
http://www.gapminder.org/videos/the-joy-of-stats/
http://www.taggalaxy.de/
http://www.wefeelfine.org/
http://www.visual-literacy.org/stairs_of_viz/stairs_of_viz.html
Http://Wordle.com
Activity 4: Discussion - Data Visualization—IN CLASS- 2 pts
Step 1: Choose one of the data visualization resources posted in the resource section or research one of your own and share the essential learning you gained from exploring the site.
Step 2: Reflect on how this information and/or tool can be used to increase comprehension of information or data in your curricular area. Explain how you would use this resource to display information for ease of comprehension.
Assignment Three: Due DATE 2/9/11
Presentation to class of activity 1-3
Activity 1 Project: Teaching Visual Literacy
Teaching visual literacy is an important 21st century skill that should be adopted by students. They need the skills to critically evaluate the multitude of images available to them. In this activity you will create a lesson plan incorporating visual literacy skills.
Step 1: After exploring the reading about visual literacy, create a lesson "idea" for your preferred age group of students that includes teaching visual literacy skills through examination of several photos related to a curricular topic - to help them to better understand the topic. The idea should include the process narrative, objectives and a sample of what a student work sample might look like.
Step 2: Make sure to introduce image vocabulary and concepts.
(If elementary school, choose a higher grade as K-3 will not be mature enough to understand all of these concepts.)
Step 3: Include as many of the following questions as possible in your instruction, not all may be relevant in every assignment.
Content
-What students observe?
-What images mean?
-What was the purpose?
-How do images relate to what is known or read?
-What is the context of the image?
-Who is the intended audience?
Purpose
-Can you tell who commissioned the work?
-Do you see any evidence of bias?
-What mood or emotion the images provoke? How is this done?
-Any symbolism or metaphor used in the image?
-What does the photo tell you about history or society?
-What values are conveyed?
-Cultural or social meaning?
-Evaluate for intended or unintentional bias?
Aesthetics
-Do you see evidence of purposeful composition or camera angle?
-What style and technique is used?
-How is color or filtering used?
-Any manipulation from original image?
Activity 2 Share Image Resources
Step 1: Share image resources and digital editing tools that you use to support your curriculum.
Step 2: Share lesson ideas that you use in your class that incorporate images or teach visual literacy ideas or require students to create their own images to represent ideas.
Step 3: Create a class list of quality resources, tools and curricular image use ideas.
Step 4: Reflect on how these tools or ideas can be applied to different levels and curriculum areas.
Step 5: Share any area of difficulty in personal or student learning and methods used to alleviate these issues with peers.
Activity 3 Project: Data-visualization
Developing a visual representation of a data-set creates meaning of the information. Learning how to creating this visual representation so the meaning is appropriately conveyed can be challenging. In this activity you will experiment with different programs used to create visual representation with a couple of data-sets.
Examples:
Here is a set of data on SAT test scores http://nces.ed.gov/programs/digest/d08/tables/dt08_144.asp#content
And class size
http://nces.ed.gov/programs/digest/d08/tables/dt08_066.asp
The relationship using raw data in two data sets is hard to grasp.
Here are the same data sets combined and displayed in two different charts http://flowingdata.com/2009/11/10/do-we-need-more-teachers/sat-scores/
and http://thomaslotze.com/projects/class_sizes/index.php
These visual representations make it easier to understand the correlation between small class size and achievement score. The visualization also identifies that there are outliers that do agree with the overall trend.
Step 1: Using Microsoft Excel, Open Office spreadsheet, Google Docs spreadsheet or other spreadsheet/charting software, chart a set of data from your school or classroom.
Experiment with several charts and graphs until you create a visual representation that portrays information from the data in an easily usable form. Experiment with colors, background images or textures, fills and other visual elements to enhance the communication you are trying to display.
Step 2: Save your chart
Present it with an explanation of your process, what information trends you discovered and how well you feel you did conveying this information on your chart or graph. Discuss areas of challenge and how you worked through them.
Step 3: Respond to your peers data representation. Ask questions on the process and outcome. Share what you are learning about data visualization
Resources Provided weekly
Activity 1 Visual Literacy Lesson Idea (3 Pts)
- Activity 2 Visual Literacy Tool Presentation (2 Pts)
- Activity 3 Data visualization Charts Of School Information- Presentation
(3 Pts)
-Activity 4 - Data-Visualization Analogies Presentation(2 Pts)done in class
One presentation to cover
1, 2,3
1 or 2 points
12 points
**http://www.youtube.com/watch?v=V87I10yMIb4&feature=player_embedded**
Sid the Science Kid-I Love charts
http://amaztype.tha.jp/
http://www.taggalaxy.de/
Assignments:
Shannon's Visual Literacy: www.news-2-you.com
Lesson Plans from news-2-you (available for all pages)
:
Brett's Stuff for week 4
link to site that has many different tools for visualizing data
http://www.gmodules.com/ig/creator?synd=open&url=http%3A//fusioncharts.googlecode.com/svn/trunk/fusioncharts.xml
another chart from this site
Copyright news
http://news.cnet.com/8301-31921_3-20030956-281.html
Bryan's Stuff
Visual Literacy Tool
Data Visualization chart (not excel) :)
Open Source website for Science people :)
Cindy's Visual Literacy Stuff from Week 4 (due Week 5)- 2/9
<iframe src="https://docs.google.com/document/pub?id=1Er1HFIy26ujZsnMIkEFoCPrg85yOw2kAdIRsp-tGquw&embedded=true"></iframe>
Cindy - Activity 4 Interactive WB Comparisons
Cindy's Graph don't laugh